<form method="post" key="set-mine" enctype="multipart/form-data" action="/admin/webim/profile/save.html" class="layui-form">
	<#if inviteData??>
		<input type="hidden" name="id" value="${inviteData.id!''}">
		<input type="hidden" name="snsaccountid" value="${inviteData.snsaccountid!''}">
	</#if>
	<div class="row">
		<div class="col-lg-12">
			<div class="ukefu-customer-div setting-wrapper">
				<div class="box default-box">
					<div class="box-header">
						<h3 class="box-title">客服基本信息</h3>
					</div>
					<div class="box-body ukefu-im-theme">
						<div class="row">
							<div class="col-lg-7">
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl" style="clear:both;">1、企业/网站名称</div>
									<div class="box-item">
										<div class="row">
											<div class="col-lg-8">
												<p>信息提示区域显示的名称</p>
												<p style="color:#888888;font-size:13px;margin-top:10px;">默认显示信息 企业名称</p>
											</div>
											<div class="col-lg-4">
												<input type="text" name="dialog_name" value="${inviteData.dialog_name!'优客服'}" autocomplete="off" class="layui-input" oninput="$('#dialog_name').text($(this).val())" onchange="$('#dialog_name').text($(this).val())">
											</div>
										</div>
									</div>
								</div>
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl" style="clear:both;">2、企业地址信息</div>
									<div class="box-item">
										<div class="row">
											<div class="col-lg-8">
												<p>信息提示区域显示的企业地址信息</p>
												<p style="color:#888888;font-size:13px;margin-top:10px;">默认提示文本是：空白</p>
											</div>
											<div class="col-lg-4">
												<input type="text" name="dialog_address" value="${inviteData.dialog_address!''}" autocomplete="off" class="layui-input" oninput="$('#dialog_address').text($(this).val())" onchange="$('#dialog_address').text($(this).val())">
											</div>
										</div>
									</div>
								</div>
								
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl" style="clear:both;">3、联系电话</div>
									<div class="box-item">
										<div class="row">
											<div class="col-lg-8">
												<p>信息提示区域显示的企业联系电话</p>
												<p style="color:#888888;font-size:13px;margin-top:10px;">默认提示文本是：空白</p>
											</div>
											<div class="col-lg-4">
												<input type="text" name="dialog_phone" value="${inviteData.dialog_phone!''}" autocomplete="off" class="layui-input" oninput="$('#dialog_phone').text($(this).val())" onchange="$('#dialog_phone').text($(this).val())">
											</div>
										</div>
									</div>
								</div>
								
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl" style="clear:both;">4、联系邮件</div>
									<div class="box-item">
										<div class="row">
											<div class="col-lg-8">
												<p>信息提示区域显示的企业联系邮箱地址</p>
												<p style="color:#888888;font-size:13px;margin-top:10px;">默认提示文本是：空白</p>
											</div>
											<div class="col-lg-4">
												<input type="text" name="dialog_mail" value="${inviteData.dialog_mail!''}" autocomplete="off" class="layui-input" oninput="$('#dialog_mail').text($(this).val())" onchange="$('#dialog_mail').text($(this).val())">
											</div>
										</div>
									</div>
								</div>
								
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl" style="clear:both;">5、网站客服公告</div>
									<div class="box-item">
										<div class="row">
											<div class="col-lg-8">
												<p>信息提示区域显示的客服公告信息</p>
												<p style="color:#888888;font-size:13px;margin-top:10px;">默认提示文本是：空白</p>
											</div>
											<div class="col-lg-4">
												<input type="text" name="dialog_introduction" value="${inviteData.dialog_introduction!''}" autocomplete="off" class="layui-input" oninput="$('#dialog_introduction').text($(this).val())" onchange="$('#dialog_introduction').text($(this).val())">
											</div>
										</div>
									</div>
								</div>
								
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl" style="clear:both;">6、对话欢迎语</div>
									<div class="box-item">
										<div class="row">
											<div class="col-lg-12">
												<textarea name="dialog_message" autocomplete="off" class="layui-input" oninput="$('#dialog_message').text($(this).val())" style="height:60px;line-height:22px;">${inviteData.dialog_message!'欢迎您来咨询！所有客户均可以免费注册试用，有关技术支持和商业咨询可以申请加入我们官方QQ群：555834343.'}</textarea>
											</div>
										</div>
									</div>
								</div>
								
								<div class="ukefu-webim-prop">
									<div class="ukefu-webim-tl">6、自定义形象图片</div>
									<div class="box-item" style="position: relative;">
										<span class="ukefu-logo">
											<img src="<#if inviteData?? && inviteData.dialog_ad??>/res/image.html?id=${inviteData.dialog_ad?url}<#else>/im/img/pic01.jpg</#if>" style="height:130px;">
										</span>
										<div class="layui-box layui-upload-button" style="position:absolute;left: 290px;">
											<input type="file" name="dialogad" accept="image/gif, image/jpeg, image/png" lay-ext="jpg|png|gif"  class="layui-upload-file" onchange="$('#dialog_ad').html($(this).val());">
											<span class="layui-upload-icon"><i class="layui-icon"></i>上传图片</span>
										</div>
										<span id="dialog_ad" style="position:absolute;left: 420px;top:10px;"></span>
										
										 
									</div>
								</div>
								
								
							</div>
							<div class="col-md-5">
								<div class="ukefu-im-preview ukefu-im-preview-dialog" id="pv" style="width:380px;position: fixed;">
									<div class="ukefu-im-preview-bar ukefu-theme-color theme<#if inviteData??>${inviteData.consult_dialog_color!'1'}<#else>1</#if>" style="padding:5px;">
											<img src="<#if inviteData?? && inviteData.consult_dialog_logo??>/res/image.html?id=${inviteData.consult_dialog_logo?url}<#else>/images/logo.png</#if>" style="height:22px;float:left;">
											<span style="float:right;">	
												<i class="layui-icon" style="font:size:12px;color:#ffffff;">&#x1006;</i>
											</span>
									</div>
									<div class="ukefu-im-preview-wrap"
										style="border:1px solid #EAEAEA">
										<div class="ukefu-im-preview-tip" style="width:90%;height:5px;font-size:12px;height:32px;overflow:hidden;border-radius: 10px;padding: 2px 10px 2px 10px;" id="dialog_message">
											${inviteData.dialog_message!'欢迎您来咨询！所有客户均可以免费注册试用，有关技术支持和商业咨询可以申请加入我们官方QQ群：555834343.'}
										</div>
										
										<div class="ukefu-im-preview-customer">
											<i class="layui-icon" style="color:#377FED;float:left;">&#xe612;</i>
											<div
												class="ukefu-im-preview-customer-message ukefu-im-preview-customer-arrow">
	
											</div>
										</div>
										<div class="ukefu-im-preview-user">
											<img src="<#if inviteData?? && inviteData.consult_dialog_headimg??>/res/image.html?id=${inviteData.consult_dialog_headimg?url}<#else>/images/agent.png</#if>" style="height:20px;float:right;">
											<div
												class="ukefu-im-preview-user-message ukefu-im-preview-user-arrow ukefu-theme-color theme<#if inviteData??>${inviteData.consult_dialog_color!'1'}<#else>1</#if>"
												style="width:150px;"></div>
										</div>
	
										<div class="ukefu-im-preview-user" style="height:60px;">
											<img src="<#if inviteData?? && inviteData.consult_dialog_headimg??>/res/image.html?id=${inviteData.consult_dialog_headimg?url}<#else>/images/agent.png</#if>" style="height:20px;float:right;">
											<div
												class="ukefu-im-preview-user-message ukefu-im-preview-user-arrow ukefu-theme-color theme<#if inviteData??>${inviteData.consult_dialog_color!'1'}<#else>1</#if>"
												style="width:100px;height:50px;"></div>
										</div>
	
										<div class="ukefu-im-preview-hr"></div>
	
										<div class="ukefu-im-preview-submit">
											<i class="fa fa-image" style="color:#dddddd;float:left;"></i>
										</div>
										<div class="ukefu-im-preview-submit">
											<a class="ukefu-im-theme-submit-btn ukefu-theme-color theme<#if inviteData??>${inviteData.consult_dialog_color!'1'}<#else>1</#if>">发送</a>
										</div>
									</div>
									<div class="ukefu-im-profile" style="width:130px;font-size:12px;">
										<div class="ukefu-profile-title" style="clear:both;">信息提示</div>
										<div class="box-item" style="padding:5px;white-space: nowrap;text-overflow: ellipsis;">
											名称：<label id="dialog_name">${inviteData.dialog_name!'优客服'}</label>
										</div>
										<div class="box-item" style="padding:5px;white-space: nowrap;text-overflow: ellipsis;">
											地址：<label id="dialog_address">${inviteData.dialog_address!'广东深圳'}</label>
										</div>
										<div class="box-item" style="padding:5px;white-space: nowrap;text-overflow: ellipsis;">
											电话：<label id="dialog_phone">${inviteData.dialog_phone!'0755-xxxxxxxx'}</label>
										</div>
										<div class="box-item" style="padding:5px;white-space: nowrap;text-overflow: ellipsis;">
											邮件：<label id="dialog_mail">${inviteData.dialog_mail!'kefu@ukewo.cn'}</label>
										</div>
										<div class="box-item" style="padding:5px;text-indent: 25px;line-height:25px;">
											<label id="dialog_introduction">${inviteData.dialog_introduction!'客服公告信息，内容在控制台设置。'}</label>
										</div>
										<div class="box-item" style="padding:5px;white-space: nowrap;text-overflow: ellipsis;text-align:center;border-top:1px solid #dedede;">
											<img src="<#if inviteData?? && inviteData.dialog_ad??>/res/image.html?id=${inviteData.dialog_ad?url}<#else>/im/img/pic01.jpg</#if>" style="height:100px;">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-3"></div>
		<div class="col-lg-9">
			<div class="layui-form-item">
	          <div class="layui-input-block">
	            <button class="layui-btn" lay-submit="" lay-filter="formDemo">保存</button>
	            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
	          </div>
	        </div>
		</div>
	</div>
</form>

<script language="javascript"> 		
	layui.use('form', function(){
		var form = layui.form();
		form.render('select'); //刷新select选择框渲染
	});
			
</script>

